<!-- 项目分配 -->
<template>
  <div>
    <devArticle>
      <tabs value="name1">
        <TabPane label="待分配" name="name1">
          <card>
            <p slot="title">待分配</p>
            <Table border :columns="columns1" :data="data1"></Table>
            <Row>
              <Col span="24">
              <Page :total="100" style="float: right;padding-top: 10px" />
              </Col>
            </Row>
          </card>
        </TabPane>
        <TabPane label="已分配" name="name2">
          <card>
            <p slot="title">已分配</p>
            <Table border :columns="columns2" :data="data2"></Table>
            <Row>
              <Col span="24">
              <Page :total="100" style="float: right;padding-top: 10px" />
              </Col>
            </Row>
          </card>
        </TabPane>
      </tabs>
    </devArticle>
  </div>
</template>
<script>
export default {
  data() {
    return {
      columns1: [{
          title: '序号',
          key: 'num',
          align: 'center'
        },
        {
          title: '项目名称',
          key: 'name',
          align: 'center'
        },
        {
          title: '公司级别',
          key: 'leve',
          align: 'center'
        },
        {
          title: '报告类型',
          key: 'type',
          align: 'center'
        },
        {
          title: '地区',
          key: 'area',
          align: 'center'
        },
        {
          title: '提交人',
          key: 'person',
          align: 'center'
        },
        {
          title: '项目负责人',
          key: 'respon',
          align: 'center'
        },
        {
          title: '项目组成员',
          key: 'member',
          align: 'center'
        },
        {
          title: '审核人员',
          key: 'audit',
          align: 'center'
        },
        {
          title: '操作',
          key: 'opera',
          align: 'center',
          render: (h, params) => {
            return h('div', [
              h('Button', {
                props: {
                  type: 'primary',
                  size: 'small'
                }
              }, '分配') //缺少点击事件
            ]);
          }
        }
      ],
      data1: [{
        num: '1',
        name: '某项目',
        leve: '河南分公司',
        type: '报告书',
        area: '',
        person: '某某某',
        respon: '',
        member: '',
        audit: '',
        opera: ''
      }, {
        num: '2',
        name: '某项目',
        leve: '河南分公司',
        type: '报告书',
        area: '',
        person: '某某某',
        respon: '',
        member: '',
        audit: '',
        opera: ''
      }, {
        num: '3',
        name: '某项目',
        leve: '河南分公司',
        type: '报告书',
        area: '',
        person: '某某某',
        respon: '',
        member: '',
        audit: '',
        opera: ''
      }, {
        num: '4',
        name: '某项目',
        leve: '河南分公司',
        type: '报告书',
        area: '',
        person: '某某某',
        respon: '',
        member: '',
        audit: '',
        opera: ''
      }, {
        num: '5',
        name: '某项目',
        leve: '河南分公司',
        type: '报告书',
        area: '',
        person: '某某某',
        respon: '',
        member: '',
        audit: '',
        opera: ''
      }, {
        num: '6',
        name: '某项目',
        leve: '河南分公司',
        type: '报告书',
        area: '',
        person: '某某某',
        respon: '',
        member: '',
        audit: '',
        opera: ''
      }, {
        num: '7',
        name: '某项目',
        leve: '河南分公司',
        type: '报告书',
        area: '',
        person: '某某某',
        respon: '',
        member: '',
        audit: '',
        opera: ''
      }, {
        num: '8',
        name: '某项目',
        leve: '河南分公司',
        type: '报告书',
        area: '',
        person: '某某某',
        respon: '',
        member: '',
        audit: '',
        opera: ''
      }, {
        num: '9',
        name: '某项目',
        leve: '河南分公司',
        type: '报告书',
        area: '',
        person: '某某某',
        respon: '',
        member: '',
        audit: '',
        opera: ''
      }, {
        num: '10',
        name: '某项目',
        leve: '河南分公司',
        type: '报告书',
        area: '',
        person: '某某某',
        respon: '',
        member: '',
        audit: '',
        opera: ''
      }],
      columns2: [{
          title: '序号',
          key: 'num',
          align: 'center'
        },
        {
          title: '项目名称',
          key: 'name',
          align: 'center'
        },
        {
          title: '公司级别',
          key: 'leve',
          align: 'center'
        },
        {
          title: '报告类型',
          key: 'type',
          align: 'center'
        },
        {
          title: '地区',
          key: 'area',
          align: 'center'
        },
        {
          title: '提交人',
          key: 'person',
          align: 'center'
        },
        {
          title: '项目负责人',
          key: 'respon',
          align: 'center'
        },
        {
          title: '项目组成员',
          key: 'member',
          align: 'center'
        },
        {
          title: '审核人员',
          key: 'audit',
          align: 'center'
        },
        {
          title: '操作',
          key: 'opera',
          align: 'center',
          render: (h, params) => {
            return h('div', [
              h('Button', {
                props: {
                  type: 'primary',
                  size: 'small'
                }
              }, '编辑') //缺少点击事件
            ]);
          }
        }
      ],
      data2: [{
        num: '1',
        name: '某项目',
        leve: '河南分公司',
        type: '报告书',
        area: '',
        person: '某某某',
        respon: '',
        member: '',
        audit: '',
        opera: ''
      }, {
        num: '2',
        name: '某项目',
        leve: '河南分公司',
        type: '报告书',
        area: '',
        person: '某某某',
        respon: '',
        member: '',
        audit: '',
        opera: ''
      }, {
        num: '3',
        name: '某项目',
        leve: '河南分公司',
        type: '报告书',
        area: '',
        person: '某某某',
        respon: '',
        member: '',
        audit: '',
        opera: ''
      }, {
        num: '4',
        name: '某项目',
        leve: '河南分公司',
        type: '报告书',
        area: '',
        person: '某某某',
        respon: '',
        member: '',
        audit: '',
        opera: ''
      }, {
        num: '5',
        name: '某项目',
        leve: '河南分公司',
        type: '报告书',
        area: '',
        person: '某某某',
        respon: '',
        member: '',
        audit: '',
        opera: ''
      }, {
        num: '6',
        name: '某项目',
        leve: '河南分公司',
        type: '报告书',
        area: '',
        person: '某某某',
        respon: '',
        member: '',
        audit: '',
        opera: ''
      }, {
        num: '7',
        name: '某项目',
        leve: '河南分公司',
        type: '报告书',
        area: '',
        person: '某某某',
        respon: '',
        member: '',
        audit: '',
        opera: ''
      }, {
        num: '8',
        name: '某项目',
        leve: '河南分公司',
        type: '报告书',
        area: '',
        person: '某某某',
        respon: '',
        member: '',
        audit: '',
        opera: ''
      }, {
        num: '9',
        name: '某项目',
        leve: '河南分公司',
        type: '报告书',
        area: '',
        person: '某某某',
        respon: '',
        member: '',
        audit: '',
        opera: ''
      }, {
        num: '10',
        name: '某项目',
        leve: '河南分公司',
        type: '报告书',
        area: '',
        person: '某某某',
        respon: '',
        member: '',
        audit: '',
        opera: ''
      }]
    }
  }
}

</script>
<style>


</style>
